<template>
  <div class="fj-box">
    <p class="fj-text">
      附件：
      <span v-if="fj.length == 0">无</span>
    </p>
    <template v-for="(item, index) in fj" :key="index">
      <p class="fj-line">
        <a :href="item.href" :download="item.uname" :underline="false" target="_blank">
          <van-icon name="column" />
          <span>{{ item.uname }}</span>
        </a>
      </p>
    </template>
  </div>
</template>

<script setup>
defineProps({
  fj: {
    type: Array,
    default: () => [],
  },
})
</script>

<style scoped lang="scss">
.fj-box {
  padding: var(--app-padding);
  .fj-text {
    margin-bottom: 20px;
    color: #666;
  }
  .fj-line {
    line-height: 60px;
  }
}
a {
  color: var(----app-text-color);
}
</style>
